@tailwind base;
@tailwind components;
@tailwind utilities;

/* 真正的 Notion 风格全局样式 */
@layer base {
  * {
    @apply border-notion-border;
  }
  
  body {
    @apply bg-notion-bg text-notion-text;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.003em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Notion 风格的标题层级 */
  h1 { @apply text-xl font-medium leading-7; }
  h2 { @apply text-lg font-medium leading-6; }
  h3 { @apply text-base font-medium leading-6; }
  
  /* 段落间距 */
  p { @apply leading-relaxed; }

  /* 极简滚动条样式 */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background: rgba(55, 53, 47, 0.16);
    border-radius: 3px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgba(55, 53, 47, 0.24);
  }

  /* Notion 风格的选中文本 */
  ::selection {
    background: rgba(55, 53, 47, 0.16);
  }

  /* 极简输入框焦点样式 */
  input:focus,
  textarea:focus {
    @apply outline-none;
    background: rgba(55, 53, 47, 0.04);
  }

  /* Notion 风格的 hover 效果 */
  .notion-hover {
    transition: background-color 0.1s ease;
  }
  
  .notion-hover:hover {
    background: rgba(55, 53, 47, 0.08);
  }

  /* Block 样式 */
  .notion-block {
    @apply py-1 px-0;
    min-height: 1.5em;
  }
}